<html lang="en"><head>
    <meta charset="utf-8">
    <title>Hundsun - My stocks</title>
    <link rel="stylesheet" href="static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/mystocks.css">
</head>

<body>
    <div class="container-fluid" id="background-wrapper">
        <div class="col-md-3">
            <div id="todoapp">
                <header>
                    <h1>My Stocks</h1>
                    <input id="new-todo" type="text" placeholder="Type your favourite!">
                </header>

                <section id="main" style="display: none;">
                    <input id="toggle-all" type="checkbox">
                    <label for="toggle-all">Delete all</label>
                    <ul id="stock-list"></ul>
                </section>

                <footer style="display: none;">
                    <a id="clear-completed">Clear completed</a>
                    <div id="todo-count"></div>
                </footer>

            </div>
        </div>
        <div class="col-md-9" id="right-col">
            <div class="row" id="beta-row">
                    <table>
                        <tr>
                            <th class="mytd">股票编号</th>
                            <th class="mytd">股票名称</th>
                            <th class="mytd">年度</th>
                            <th class="mytd">月份</th>
                            <th class="mytd">股票收益</th>
                            <th class="mytd">市场收益</th>
                            <th class="mytd">期望Beta</th>
                            <th class="mytd">实际Beta</th>
                        </tr>
                    </table>
                <div id="beta-div">
                    <table id="beta-table" style="display: none;">
                    </table>
                </div>
            </div>
            <div class="row" id="calendar-row">
                <div id="calendar">
                </div>
            </div>
        </div>
    </div>


    <div id="instructions">
        Double-click to add a stock.
    </div>

    <div id="credits">
        Created by
        <br>
        Juicehe.
        <br>
        <a href="http://git.oschina.net/juicehe/hundsun">Fork project on oschina</a>
        <br>
    </div>

    <script src="static/js/json2.js"></script>
    <script src="static/js/jquery.js"></script>
    <script src="static/js/underscore.js"></script>
    <script src="static/js/backbone.js"></script>
    <script src="static/js/backbone.localStorage.js"></script>
    <script src="static/js/d3/d3.js"></script>
    <script src="static/js/mystocks.js"></script>

    <!-- Templates -->

    <script type="text/template" id="item-template">
        <div class="view">
            <input class="toggle" type="checkbox" <%= done ? 'checked="checked"' : '' %> />
            <label><%- title %></label>
            <a class="calendar"><span class="glyphicon glyphicon-calendar" aria-hidden="true"></span></a>
            <a class="query"><span class="glyphicon glyphicon-bitcoin" aria-hidden="true"></span></a>
            <a class="destroy"><span class="glyphicon glyphicon-remove" aria-hidden="true"></span></a>
        </div>
        <input class="edit" type="text" value="<%- title %>" />
    </script>

    <script type="text/template" id="stats-template">
        <% if (done) { %>
            <a id="clear-completed">Delete <%= done %>  <%= done == 1 ? 'stock' : 'stocks' %></a>
        <% } %>
        <div class="todo-count"><b><%= remaining %></b> <%= remaining == 1 ? 'stock' : 'stocks' %> added</div>
    </script>

    

</body></html>